@import "./util.scss";
@import "./common.scss";
@import "./header.scss";
.main_section-container{
  background-color: rgba(247,249,248,1);
}
.main_home-banner{
  width: 100%;
  padding-top:px2percent(525,1080);
  background: url(../../imgs/m/m_index-banner.png) no-repeat;
  background-size: 100% 100%;
}
.home_01-info{
  display: flex;
  justify-content: center;
  height:px2rem(80);
  align-items: flex-end;
  padding-top: px2percent(100,1080);
  .home_01-htxt{
    font-size:  px2rem(36);
    color: #e5e7e6;
  }
  .home_01-btxt{
    font-size:  px2rem(72);
    color: #ec6d00;
    margin: 0 5px;
  }
  .home_01_ctxt{
    font-size: px2rem(44);
    color: #3e3a39;
  }
}
input{
  border: 0;
  outline: 0;
  background-color: transparent;
}
input:focus{
  outline: 0;
  border: 0;
}
.home_01-form{
  padding: px2percent(60,1080) px2percent(100,1080);
  .home_01-ipt{
    width: 100%;
    height: px2rem(114);
    background-color: #fff;
    margin-bottom: px2percent(50,880);
    border-radius:100px ;
  }
  input{
    display: block;
    width: 100%;
    height: 100%;
    font-size: px2rem(46);
    color: rgba(0,0,0,0.9);
    padding-left: px2percent(80,880);
  }
  .home_01-box{
    display: flex;
    align-items: center;
  }
  .home_box-ico{
    width: px2rem(50);
    height: px2rem(50);
    background-color: #fff;
  }
  .home-01-tip{
    font-size: px2rem(46);
    color: #595757;
    margin-left: px2percent(30,880);
    flex: 1;
  }
  .home-01-btn{
    background-color: #aace36;
    height: px2rem(114);
    text-align: center;
    color: #fff;
    font-size: px2rem(46);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius:100px ;
    margin-top: px2percent(45,880);
  }
}
.head_02-icon{
  width: px2percent(131,1080);
  padding-top: px2percent(146,1080);
  background: url(../../imgs/m/index/m_head-01.png) no-repeat;
  background-size: 100% 100%;
}
.home_02-list{
  padding: 0 px2percent(90,1080);
  .home_02-item{
    display: flex;
    align-items: center;
    border-bottom: 1px solid rgba(0,0,0,0.15);
    padding: px2percent(50,900) 0;
  }
  .home_02-ico{
    width: px2percent(170,900);
    padding-top: px2percent(170,900);
  }
  .h-ico1{
    background: url(../../imgs/m/index/m_index-ico1.png) no-repeat;
    background-size: 100% 100%;
  }
  .h-ico2{
    background: url(../../imgs/m/index/m_index-ico2.png) no-repeat;
    background-size: 100% 100%;
  }
  .h-ico3{
    background: url(../../imgs/m/index/m_index-ico3.png) no-repeat;
    background-size: 100% 100%;
  }
  .h-ico4{
    background: url(../../imgs/m/index/m_index-ico4.png) no-repeat;
    background-size: 100% 100%;
  }
  .home_02-info{
    flex: 1;
    margin-left: 6%;
  }
  .home_02-title{
    color: #595757;
    font-size: px2rem(40);
  }
  .home_02-desc{
    color: #727171;
    font-size: px2rem(32);
    margin-top: px2rem(32);
  }
}